Ext.namespace('pages.p2p.jkgl.jkrYjHk.query');

pages.p2p.jkgl.jkrYjHk.query.View = function(config) {
	Ext.apply(this, config);
	/** 操作类型 */
	this.operType = config.operType;
	this.record = config.record;
	this.initUIComponents();
	pages.p2p.jkgl.jkrYjHk.query.View.superclass.constructor.call(this);
};
Ext.extend(pages.p2p.jkgl.jkrYjHk.query.View, Ext.Window, {
	initUIComponents : function() {
		this.form = new Ext.form.FormPanel({
			region : 'north',
			layout : 'column',
			height : 100,
			labelWidth : 125,
			labelAlign : 'left',
			autoScroll : true,
			border : false,
			frame : false,
			bodyStyle : 'padding:5', 
			items : [ {
				columnWidth : 1,
				height : 10,
				border : false
			}, {
				columnWidth : .5,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : 'ID',
					xtype : 'hidden',
					name : 'ID',
					id : 'ID',
					readOnly : true,
					anchor : '98%'
					} ]
				},{
				columnWidth : 1,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '项目名称',
					xtype : 'textfield',
					name : 'REF_ZQ_XMMC',
					id : 'REF_ZQ_XMMC',
					readOnly : true,
					anchor : '99%'
				} ]
			}, {
				columnWidth : .5,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '手机号码',
					xtype : 'textfield',
					name : 'SJHM',
					id : 'SJHM',
					readOnly : true,
					anchor : '98%'
				} ]
			},{
				columnWidth : .5,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '项目ID',
					xtype : 'textfield',
					name : 'REF_ZQ_ID',
					id : 'REF_ZQ_ID',
					readOnly : true,
					anchor : '98%'
				} ]
			},  {
				columnWidth : .5,
				layout : 'form',
				border : false,
				items : [ {
					fieldLabel : '借款金额',
					xtype : 'textfield',
					name : 'REF_ZQ_JE',
					id : 'REF_ZQ_JE',
					readOnly : true,
					anchor : '98%'
				} ]
			}]
		});
		this.store = new Ext.data.Store({
            proxy : new Ext.data.HttpProxy({
                url : ExtJ.getActionPath('jkgl/queryHkmxList.do')
            }),
            remoteSort : true,
            reader : new Ext.data.JsonReader({
                root : 'data',
                totalProperty : 'total',
                id : 'ID'
            }, [ {
                name : 'ID',
                mapping : 'ID'
            }, {
                name : 'USER_NAME',
                mapping : 'USER_NAME'
            }, {
                name : 'SJHM',
                mapping : 'SJHM'
            }, {
                name : 'REF_ZQ_ID',
                mapping : 'REF_ZQ_ID'
            }, {
                name : 'REF_ZQ_XMMC',
                mapping : 'REF_ZQ_XMMC'
            }, {
                name : 'REF_ZQ_JE',
                mapping : 'REF_ZQ_JE'
            }, {
                name : 'YHK_JE',
                mapping : 'YHK_JE'
            }, {
                name : 'HK_DATE',
                mapping : 'HK_DATE'
            }, {
                name : 'HK_STATE',
                mapping : 'HK_STATE'
            }, {
                name : 'HK_ZL',
                mapping : 'HK_ZL'
            }])
        });

        
        var sm = new Ext.grid.CheckboxSelectionModel({
            singleSelect : true
        });
        
        var cm = new Ext.grid.ColumnModel([ sm, new Ext.grid.RowNumberer(), {
            header : '用户名',
            width : 100,
            sortable : true,
            dataIndex : 'USER_NAME'
        }, {
            header : '手机号码',
            width : 100,
            hidden:true,
            sortable : true,
            dataIndex : 'SJHM'
            
        }, {
            header : '项目ID',
            width : 50,
            sortable : true,
            hidden:true,
            dataIndex : 'REF_ZQ_ID'
        }, {
            header : '项目名称',
            width : 200,
            sortable : true,
            hidden:true,
            dataIndex : 'REF_ZQ_XMMC'
        },{
            header : '募集金额',
            width : 100,
            sortable : true,
            hidden:true,
            dataIndex : 'REF_ZQ_JE'
        }, {
            header : '还款金额',
            width : 100,
            sortable : true,
            dataIndex : 'YHK_JE'
        },  {
            header : '还款时间',
            width : 130,
            sortable : true,
            dataIndex : 'HK_DATE'
        },{
            header : '还款状态',
            width : 80,
            sortable : true,
            dataIndex : 'HK_STATE',
            renderer : function(v){
                if("01" == v){
                    return "还款成功";
                }else if("02" == v){
                    return "还款失败";
                }
            }
        },{
            header : '还款种类',
            width : 80,
            sortable : true,
            dataIndex : 'HK_ZL',
            renderer : function(v){
                if("01" == v){
                    return "本金";
                }else if("02" == v){
                    return "收益";
                }
            }
        }]);

        /**
         * GridPanel
         */
        this.grid = new Ext.grid.GridPanel({
            id : 'grid',
            region : 'center',
            title:'已还款明细',
            store : this.store,
            border : true,
            frame : false,
            viewConfig : {
                autoFill : false,
                forceFit : false,
                focusRow : function() {
                    return;
                },
                getRowClass : function(record, rowIndex, rowParams, store) {
                    if (record.get("TOP_LEVEL") == "1") {
                        return 'ux-grid-record-onTop';
                    }
                }
            },
            sm : sm,
            cm : cm
        });
		Ext.apply(this, {
			title : '查看详情',
			border : false,
			layout : 'border',
			enableTabScroll: true, 
			style:{
				marginRight: 'auto',
		        marginLeft: 'auto'
			},
			width : 700,
			height : 500,
			modal : true,
			items : [ this.form,this.grid],
			listeners:{
				'render' : this.initData.createDelegate(this)
			},
			tbar : [ {
				text : '关闭',
				iconCls : 'close',
				handler: function(){
					this.close();
				}.createDelegate(this)
			} ]
		});
	},
	initData : function() {
        this.store.baseParams.zqid = this.record.get("ZQ_ID");
        this.store.baseParams.state = '01';
       // this.store.baseParams.hkzl = '';
        this.store.baseParams.query = 'all';
        Ext.getBody().mask("正在查询,请稍候...");
        this.store.reload({
            params : {
                start : 0,
                limit : pageSize
            },
            callback : function() {
                Ext.getBody().unmask(true);
            }
        });
    
		
		
		Ext.getCmp('ID').setValue(this.record.get('ID'));
		//Ext.getCmp('USER_NAME').setValue(this.record.get('DFRID'));
		Ext.getCmp('SJHM').setValue(this.record.get('DFRID'));
		Ext.getCmp('REF_ZQ_ID').setValue(this.record.get('ZQ_ID'));
		Ext.getCmp('REF_ZQ_XMMC').setValue(this.record.get('XMMC'));
		Ext.getCmp('REF_ZQ_JE').setValue(this.record.get('ZQ_MJJE'));
		//Ext.getCmp('YHK_JE').setValue(this.record.get('HJ'));
		//Ext.getCmp('YHK_LX').setValue(this.record.get('HK_DATE'));
		
	}
	/*
	 * [ sm, new Ext.grid.RowNumberer(), {
            header : '用户名',
            width : 100,
            sortable : true,
            dataIndex : 'USER_NAME'
        }, {
            header : '手机号码',
            width : 100,
            sortable : true,
            dataIndex : 'SJHM'
            
        }, {
            header : '项目ID',
            width : 100,
            sortable : true,
            dataIndex : 'REF_ZQ_ID'
        }, {
            header : '项目名称',
            width : 100,
            sortable : true,
            dataIndex : 'REF_ZQ_XMMC'
        },{
            header : '期数',
            width : 50,
            sortable : true,
            dataIndex : 'SSQS'
        },{
            header : '应还日期',
            width : 100,
            sortable : true,
            dataIndex : 'YHK_DATE'
        },{
            header : '应还本金',
            width : 100,
            sortable : true,
            dataIndex : 'YHK_BJ'
        },{
            header : '应还利息',
            width : 100,
            sortable : true,
            dataIndex : 'YHK_LX'
        },{
            header : '已还本金',
            width : 100,
            sortable : true,
            dataIndex : 'EHK_BJ'
        },{
            header : '已还利息',
            width : 100,
            sortable : true,
            dataIndex : 'EHK_LX'
        },{
            header : '还款日期',
            width : 100,
            sortable : true,
            dataIndex : 'YHK_BJ'
        }]
	 */
});